<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
h1{
color: rgb(255,0,0);
/* red
#ff0000   #f00  rgb(255,0,0)   rgba(255,0,0,1)*/
}
#d1{
  width:200px;
  height:200px;
  background-color: red;
  /* 设置图片 */
  background-image: url("../imgs/a.jpg");
  /* 设置尺寸 */
  background-size:100px 100px; 
  /* 禁止重复 */
  background-repeat: no-repeat;
  /* 控制位置 */
  background-position: 10% 90%;
  
}
#d2{
  /* 宽:611 高376 */
  width:611px;
  height:376px;
  background-color: #e8e8e8;
  background-image: url("http://doc.tedu.cn/tstore_v1/images/itemCat/study_computer_img1.png");
  background-size:318px 319px;
  background-repeat: no-repeat;
  background-position: 90% 50%
}
#d3{
width:375px;
height:376px;
background-color: #e8e8e8;
background-image: url("http://doc.tedu.cn/tstore_v1/images/itemCat/study_computer_img2.png");
background-size:292px 232px;
background-repeat: no-repeat;
background-position: 90% 50% 
}
</style>
</head>
<body>
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
<h1>颜色测试</h1>
</body>
</html>